.top {
  padding: 12px 12px 0;
}

.top .nav {
  height: 100%;
  width: 100%;
  background: #ffffff;
  padding: 0 12px 12px;
  box-sizing: border-box;
}

.top .nav .demo-tabs :deep(.el-tabs__header) {
  margin: 0;
}

.top .nav .demo-tabs :deep(.el-tabs__header) .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item {
  padding: 0 10px;
}

.top .nav .demo-tabs :deep(.el-tabs__header) .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item .icon {
  font-size: 12px;
  padding: 0 3px;
  margin-left: 5px;
  border-radius: 2px;
}

.top .nav .demo-tabs :deep(.el-tabs__header) .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-top:nth-child(2) {
  padding-left: 0;
}

.top .nav .demo-tabs :deep(.el-tabs__nav-wrap::after) {
  height: 1px;
}

.search {
  position: relative;
  padding-bottom: 6px;
  display: flex;
  justify-content: end;
}

.search .input-item {
  width: calc((100vw / 100) * 9);
  min-width: 100px;
  margin-bottom: 5px;
}

.search .mr5 {
  margin-right: 5px;
}

.search .input-with-select {
  width: 250px;
  margin-bottom: 5px;
}

.search .input-with-select .item-select {
  width: 115px;
}

.search .btn {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.search .btn_dropdown {
  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
  height: 26px;
  border-radius: 2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1px 11px;
  margin-bottom: 5px;
  margin-right: 5px;
}

.search .btn_dropdown .btn_dropdown_type {
  padding: 1px 11px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 12px;
}

.search .btn_dropdown .btn_dropdown_sort {
  border-left: 1px solid #dcdfe6;
  padding: 1px 11px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 12px;
}

.btns {
  margin: 10px 0;
}

.btns .btn {
  display: flex;
  align-items: center;
}

.btns .btn .iconfont {
  margin-right: 5px;
}

.btns .btn .icon-shangjifenpai_line {
  transform: rotateY(180deg);
}

.btns .mr5 {
  margin-right: 5px;
}

.pagination {
  padding: 12px 0 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.select-time {
  margin: 10px 0;
}

.select-time :deep(.el-date-editor) {
  width: 200px;
  height: 28px;
  margin-bottom: 5px;
}

.table-list .iconfont {
  margin-left: auto;
  font-size: 12px;
  cursor: pointer;
}

.table-list .number {
  color: #007cff;
  cursor: pointer;
}

.table-list .number:hover {
  text-decoration: underline;
}

.table-list .repeat {
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  padding: 0 4px;
  margin-right: 8px;
  border-radius: 2px;
  color: #fff;
  background: #f56c6c;
  cursor: pointer;
}

.table-list .reminder {
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  padding: 0 4px;
  margin-right: 8px;
  border-radius: 2px;
  color: #fff;
  background: #e69103;
}

.table-list .module {
  display: inline-block;
  font-size: 12px;
  line-height: 22px;
  padding: 0 6px;
  border-radius: 2px;
  color: #383838;
  background: #E6EAF0;
}

.table-list .status {
  display: inline-block;
  font-size: 12px;
  line-height: 22px;
  padding: 0 6px;
  border-radius: 2px;
}

.table-list .bg-status1 {
  color: #00c0c0;
  background: #e1f8f8;
}

.table-list .bg-status2 {
  color: #e69103;
  background: #fdf4de;
}

.table-list .bg-status3 {
  color: #007cff;
  background: #e6f1ff;
}

.table-list .bg-status4 {
  color: #f56c6c;
  background: #f5efef;
}

.table-list .select-work {
  display: inline-block;
  font-size: 12px;
  padding: 0 4px;
  border-radius: 2px;
  color: #ffffff;
  background-color: #00c0c0;
  cursor: pointer;
}

.table-list :deep(td.el-table-fixed-column--right) {
  display: none;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
  width: 16px;
  height: 16px;
  background-color: #007cff;
}

.btn_save {
  width: 60px;
}

.btn_delete {
  width: 60px;
  color: #fff;
}

.btn_cancel {
  width: 60px;
}

.btn_cancel:hover {
  border: 1px solid #e5e5e5;
  color: #999;
  background-color: #e5e5e5;
}

.el-tag.el-tag--success {
  --el-tag-text-color: #00c0c0;
  --el-tag-bg-color: #ebf6f6;
  --el-tag-border-color: #ebf6f6;
  --el-tag-hover-color: #00c0c0;
}

.el-tag.el-tag--info {
  --el-tag-border-color: var(--el-color-info-light-9);
}

.el-tag {
  --el-tag-border-color: var(--el-color-primary-light-9);
}

.el-tag.el-tag--warning {
  --el-tag-border-color: var(--el-color-warning-light-9);
}
